<style type="text/css">
  a {
    height: 60px;
  }
</style>
<ion-view title="数据查询">
  <ion-nav-buttons side="right">
    <button class="button no-animation button-icon icon ion-ios-search"
            ng-click="modal.show()">
    </button>
  </ion-nav-buttons>
  <ion-content overflow-scroll="true" padding="true" class="has-header">
    <div class="list">


      <div ng-show="records.length ==0">
        <img src="img/nodatatable.png" class="center" style="margin-top: 170px">
        <h4 align="center" style="margin-top: 30px">没有数据</h4>
        <!--<button ng-click="modal.show()" style="margin-top: 150px" class="button button-positive button-block" style="">组合查询</button>-->
      </div>


      <div class="item item-divider item-icon-left" ng-hide="records.length ==0">

        <div ng-switch on="searchCondition.collectionType">
          <div ng-switch-when="人员">
            <i class="icon ion-person"></i>
            <span class="padding">人员</span>
          </div>
          <div ng-switch-when="车辆">
            <i class="icon ion-model-s"></i>
            <span class="padding">  车辆    </span>
          </div>
          <div ng-switch-when="物品">
            <i class="icon ion-ios-pricetags"></i>
            <span class="padding"> 物品    </span>
          </div>
          <i class="icon ion-person"></i>
          <div ng-switch-when="事件">
            <i class="icon ion-ios-calendar"></i>
            <span class="padding">  事件    </span>
          </div>
          <div ng-switch-default>
            <span class="padding">       </span>
          </div>
        </div>
      </div>

      <ion-item class="item-thumbnail-left item-icon-right"
                ng-repeat="record in personRecords track by $index"
                ng-click="toDetail(record.id)"
                style="margin-bottom: 10px">
        <img src="img/iconfont-person.png" style="color: gainsboro">
        <h2 style="margin-top: 5px;">涉事人员:{{record.name}}</h2>
        <h2 style="margin-top: 5px;">身份证:{{record.idCardNo}}</h2>
        <p>录入时间:{{record.collectionTime}}</p>
        <p>录入原因:{{record.collectionCasuse}}</p>
        <i class="icon ion-chevron-right icon-accessory"></i>
      </ion-item>

      <ion-item class="item-thumbnail-left item-icon-right"
                ng-repeat="record in vehicleRecords track by $index"
                ng-click="toDetail(record.id)">
        <img src="img/iconfont-car.png" style="color: gainsboro">
        <h2 style="margin-top: 5px;">车牌号:{{record.vehicleNo}}</h2>
        <h2 style="margin-top: 5px;">车型:{{record.vehicleCategory}}</h2>
        <p>录入时间:{{record.collectionTime}}</p>
        <p>录入原因:{{record.collectionCasuse}}</p>
        <i class="icon ion-chevron-right icon-accessory"></i>
      </ion-item>

      <ion-item class="item-thumbnail-left item-icon-right"
                ng-repeat="record in eventRecords track by $index"
                ng-click="toDetail(record.id)">
        <img src="img/iconfont-calendar.png" style="color: gainsboro">
        <h2 style="margin-top: 5px;">事件描述:{{record.eventDesc}}</h2>
        <h2 style="margin-top: 5px;">事件来源:{{record.eventSource}}</h2>
        <p>录入时间:{{record.collectionTime}}</p>
        <p>录入原因:{{record.collectionCasuse}}</p>
        <i class="icon ion-chevron-right icon-accessory"></i>
      </ion-item>
     <ion-item class="item-thumbnail-left item-icon-right"
                ng-repeat="record in goodsRecords track by $index"
               ng-click="toDetail(record.id)">
        <img src="img/iconfont-iospricetags.png" style="color: gainsboro">
        <h2 style="margin-top: 5px;">物品名称:{{record.goodsName}}</h2>
        <p>录入时间:{{record.collectionTime}}</p>
        <p>录入原因:{{record.collectionCasuse}}</p>
        <i class="icon ion-chevron-right icon-accessory"></i>
      </ion-item>

    </div>
  </ion-content>
</ion-view>
